﻿
        #modalContainer {
	        background-color:transparent;
	        position:absolute;
	        width:100%;
	        height:100%;
	        top:0px;
	        left:0px;
	        z-index:10000;
        }
 
        #alertBox {
	        position:relative;
	        width:300px;
	        min-height:100px;
	        margin-top: 200px;
            border: 1px solid rgba(0,0,0,.2);
            border-radius: 6px;
            background-color: #fff;
        }
 
        #modalContainer > #alertBox {
	        position:fixed;
        }
 
        #alertBox h1 {
	        margin:0;
	        font-weight: bold;
            font-size: 16px;
            background-color: #f0ad4e;
            color: #FFF;
            border-bottom: 1px solid #eee;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            padding: 10px;
        }
 
        #alertBox p {
	        height: 30px;
            text-align: center;
            margin-top: 10px;
       
        }
 
        #alertBox #closeBtn {
	        display:block;
	        position:relative;
	        margin: 10px auto;
            padding: 4px;
            border: 1px solid #eee;
            border-radius: 4px;
            width: 20%;
            text-transform: uppercase;
            text-align: center;
            vertical-align: middle;
            color: #000;
            background-color: #fff;
            text-decoration:none;
        }
        #alertBox #closeBtn:hover{
            color: #333;
            background-color: #ebebeb;
            border-color: #adadad;
        }
 
        /* unrelated styles */
 
        #mContainer {
	        position:relative;
	        width:600px;
	        margin:auto;
	        padding:5px;
	        border-top:2px solid #000;
	        border-bottom:2px solid #000;
	        font:0.7em verdana,arial;
        }

